.assetDetail{
  top: 50px;
  position: absolute;
  width: 100%;
  height: auto;
  overflow-x: hidden;
  .assetDetail-header{
    width: 100%;
    height: auto;
    background-color: #B0C4DE;
    padding: 10px 0 2px 3%;
    text-align: left;
    i{
      font-size: 30px;
    }
    .assetDetail-title{
      font-size: 20px;
      margin-left: 5%;
      color:#ffffff;
    }
    .assetDetail-money{
      color:#ffffff;
      margin: 0 0 0 0;
    }
    .assetDetail-notice{
      font-size: 12px;
      margin: 0;
      color: #ffffff;
    }
    .assetDetail-month{
      width: 100%;
      height: auto;
      color:#ffffff;
      .assetDetail-spend,.assetDetail-income,.assetDetail-leave{
        margin: 0;
        display: inline-block;
        p{
          font-size: 12px;
          margin: 0;
        }
      }
      .assetDetail-income,.assetDetail-leave{
        margin-left: 5%;
      }
      .assetDetail-date{
        margin: 0;
      }
    }
  }
  .assetDetail-other{
    width: 100%;
    height: auto;
    #assetDetail-spend,#assetDetail-income{
      width: 40%;
      height: 25px;
      display: inline-block;
    }
    #assetDetail-spend{

    }
    .assetDetail-active{
      border-bottom: 2px solid #B0C4DE;
      color: #B0C4DE;
    }
  }
  .assetDetail-list{
    width: 100%;
    height: auto;
    background-color: #eeeeee;
    padding: 10px 0 20px 0;
    ul{
      list-style: none;
      background-color: #ffffff;
      margin: 0;
      padding-left: 0;
      width: 100%;
      li{
        width: 100%;
        height: auto;
        border-bottom: 2px solid #eeeeee;
        padding: 5px;
        text-align: left;
        .iconfont{
          width: 40px;
          height: 35px;
          text-align: center;
          font-size: 20px;
          background-color: #FF6666;
          color:#ffffff;
          border-radius: 50%;
          padding-top: 5px;
          display: inline-block;
        }
        .assetDetail-list-title{
          width: 50%;
          margin: 0;
          display: inline-block;
          vertical-align: top;
          p,small{
            margin: 0;
          }
        }
        .assetDetail-list-money{
          width: 20%;
          display: inline-block;
          vertical-align: top;
        }
      }
      .spendList-end{
        width: 100%;
        height: auto;
        background-color: #eeeeee;
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 15px;
      }
      .spendList-empty{
        width: 100%;
        height: 100px;
        background-color: #ffffff;
        font-size: 15px;
        color: #2e2e2e;
        text-align: center;
      }
    }
  }
}
